import ajax from "../../util/request";
import { useState, useEffect } from "react"
//函数组件

function UseEffct(props) {
    //  返回一个数组，第一个是状态值，第二个是改变状态值的方法
    let [list, setList] = useState([]);
    // 传入非空数组，数组中的数据发生变化，会触发函数执行
    useEffect(() => {
        ajax('/content/queryList', { t_cat_plant_fk: props.t_cat_plant_fk, rows: 10 }).then((res) => {
            if (res.data.status > 0) {
                setList(res.data.result_data)
            }
        })
    //第二个参数要侦听的数据，应该可以不加
    }, [props.t_cat_plant_fk])

    // 传入空数组，只在组件挂在时执行一次，可以替代componentDidMount生命周期函数
    // 如果页面不需要外部传入参数就去加载数据，那么可以使用此方案加载数据
    useEffect(() => {
        console.log("我执行了！！")
    }, [])


    return (
        <ol>
            {list.map(v => <li key={v.t_content_pk}>{v.title}</li>)}
        </ol>



    )
}
// 记得暴露出去
export default UseEffct                   